@extends('templates.generalstructure')

@section('css')
	@parent
	{{ HTML::style('assets/css/galeria2.css') }}
@stop

@section('contenido')

	<div class="row">
		<div class="col-md-6 bloque">
			<div id="bloque-contacto" class="seccion">
				<form class="contact_form" action="#" method="post">
				    <ul>
				       <li>
				            <h2>Contáctanos</h2>
				       </li>
				       <li>
				           <label for="name">Nombre:</label>
				           <input type="text"  placeholder="Pedro Cordero" required />
				       </li>
				       <li>
				           <label for="email">Email:</label>
				           <input type="email" name="email" placeholder="pedrocordero@ejemplo.com" required />
				       </li>
				       <li>
				           <label for="website">Tipo:</label>
				           <input type="text" name="web" placeholder="mejora de la web" required />
				       </li>
				       <li>
				           <label for="Mensaje">Mensaje:</label>
				           <textarea name="Mensaje" cols="40" rows="6" required ></textarea>
				       </li>
				        <li>
				          <button class="submit" type="submit">Enviar</button>
				          <button class="reset" type="reset">Reset</button>
				        </li>
				    </ul>
				</form>
			</div>
		</div>

		<div class="col-md-6 bloque">
			<div id="map"></div>
		</div>
	</div>
@stop

@section('js')
	@parent
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es&callback=iniciar"></script>
	<script>
		function iniciar()
		{
			var mapOptions = 
			{
				center: new google.maps.LatLng(40.3563485,-3.9105458,15),
				zoom: 14,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			var map = new google.maps.Map(document.getElementById("map"),mapOptions);
			var place = new google.maps.LatLng(40.357510, -3.915781);
			var marker = new google.maps.Marker({
		        position: place
		        , title: 'La Universidad de la Habana'
		        , map: map
		        , });
			var popup = new google.maps.InfoWindow({
	        content: 'Paintballed'});
	        popup.open(map, marker);       
			function showInfo() {
			    map.setZoom(16);
			    map.setCenter(marker.getPosition());
			    var contentString = 'Ubicación Actual';
			    var infowindow = new google.maps.InfoWindow({
			    content: 'Empresa Paintballed. Mas informacion en www.paintballed.com'});
			    infowindow.open(map,marker);}         
			google.maps.event.addListener(marker, 'click', showInfo);
		}		
	</script>
@stop
